<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title> CSS样式表 </title>
    <style type="text/css">
        .e1 {text-align: left;height: 10px;color: red;}
        #i3 {color: yellowgreen;}
    </style>
</head>

<body>
    <p>1. <input type="text"  style="background: gray;color: darkblue"></p>

    <p>2. <input type="text"  style="background: greenyellow;color: green"></p>

    <p>3. <input type="text"  style="background: gainsboro;color: brown"></p>

    <p>4. <input type="text"  style="background: royalblue;color: gold"></p>

    <p>5. <input type="text" class="e1" id="i3"></p>
</body>
</html>